<template>
  <main class="min-h-[500px] h-[500px] w-full bg-[#FFCE4F]">
    <div class="w-full h-full">
      <div
        class="flex flex-col items-center justify-start pt-20 !px-12 mx-auto h-full max-w-lg overflow-hidden relative"
      >
        <h3 class="text-2xl font-bold">苹果App Store下载</h3>
        <div class="w-full">
          <a
            href="https://apps.apple.com/au/app/apple-store/id1604486135"
            target="_blank"
            class="flex justify-center w-full mt-4 bg-black px-5 py-1 rounded-sm"
            ><img
              src="https://www.lucksec.cn/img/app.d534ea4e.png"
              class="h-12"
              height="50"
              alt=""
          /></a>
        </div>
        <div class="mt-5 flex flex-col items-center">
          <p class="text-sm">5,000次下载 · App Store</p>
          <router-link to="/download/android" class="text-[#1264a3]"
            >安卓下载</router-link
          >
        </div>
        <div class="absolute w-[80%] max-w-[300px] top-[60%]">
          <img src="https://www.lucksec.cn/img/iphone.2145f829.png" alt="" />
        </div>
      </div>
    </div>
  </main>
</template>
<script>
export default {
  name: "",
  components: {},
  mixins: [],
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {},
};
</script>
<style lang="" scoped></style>
